import React from 'react'
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons'
import { Outlet, useNavigate } from 'react-router-dom';
export default function App() {
  let navigate= useNavigate()
  return (
    <div>
      <Outlet></Outlet>
       <Tabbar>
        <Tabbar.Item onClick={()=>navigate('/home')} icon={<HomeO /> }>首页</Tabbar.Item>
        <Tabbar.Item onClick={()=>navigate('/cate')} icon={<Search />}>分类</Tabbar.Item>
        <Tabbar.Item onClick={()=>navigate('/ticket')} icon={<FriendsO />}>票夹</Tabbar.Item>
        <Tabbar.Item onClick={()=>navigate('/my')} icon={<SettingO />}>我的</Tabbar.Item>
      </Tabbar>

    </div>
  )
}
